@import "./layout.scss";

@mixin btn($size:14px, $color:#fff, $bgcolor: #F04752, $padding: 5px, $radius: 5px) {
  padding: $padding;
  background-color: $bgcolor;
  border-radius: $radius;
  border: 1px solid $bgcolor;
  font-size: $size;
  color: $color;
  text-align: center;
  line-height: 1;
  display: inline-block;
}

@mixin list($direction: column) {
  @include flex($direction)
}

@mixin panel($bgcolor:#fff, $padding:0, $margin:20px 0,$height:112px,$txPadding: 0 32px, $color:#333, $fontSize: 32px) {
  background: $bgcolor;
  padding: $padding;
  margin: $margin;
  >h4{
    height: $height;
    line-height: $height;
    padding: $txPadding;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    color: $color;
    font-size: $fontSize;
  }
}